<template>
    <view class="setting">
        <view class="line"></view>
        <uni-list>
            <uni-list-item title="登录密码"></uni-list-item>
            <uni-list-item title="资金密码"></uni-list-item>
        </uni-list>
        <view class="line"></view>
        <uni-list>
            <uni-list-item title="清楚缓存" rightTitle="1.82M"></uni-list-item>
            <uni-list-item title="当前版本" rightTitle="v1.0.6"></uni-list-item>
            <uni-list-item title="关于我们"></uni-list-item>
        </uni-list>
		<button class="btn" @click="logout" type="primary">退出登录</button>
    </view>
</template>

<script>
import uniList from "@/components/uni-list/uni-list.vue";
import uniListItem from "@/components/uni-list-item/uni-list-item.vue";
export default {
    components: { uniList, uniListItem },
    data() {
        return {};
	},
	methods:{
		logout(){
			console.log('退出登录')
		}
	}
};
</script>

<style lang="less">
.setting{
	.uni-list::after,
	.uni-list::before{
		height: 0;
	}
	.uni-list-item__container{
		padding: 15px;
	}
	.btn {
		margin-top: 60upx;
		font-size: 32upx;
		width: 90%;
		margin-left: 5%;
	}
}
</style>
